找传奇、传世资源到传世资源站!

JS实现雨滴动画效果

8.5玩家评分(1人评分)
下载后可评
介绍 评论 失效链接反馈

JS实现雨滴动画效果,背景图自己设置喜欢的,雨滴图片如果没有可以设置width=2px的小段
from clipboard
<script>
         
        setInterval(function()
        {
            //创建rain元素
            var rain=document.createElement("div");
 
            //初始化rain属性
            rain.style.position="fixed";
            rain.style.height="150px";
            rain.style.width="2px";
            // rain.style.background="";       //有图片赋值图片路径,或者赋值16进制的颜色代码
            rain.style.backgroundColor=skyblue;
            rain.style.filter="blur(1px)";
            rain.style.top="0px";
            rain.style.left=Math.random()*1920 "px";                    //随机化位置
            rain.style.opacity=parseInt(Math.random()*10)/10 "";        //随机化透明度
 
            //向body里添加子节点rain
            document.body.appendChild(rain);
 
            var timer=setInterval(function()
            {
                var height=parseInt(rain.style.top);
                var k=1;
                k ;
                .....

评论

发表评论必须先登陆, 您可以 登陆 或者 注册新账号 !


在线咨询: 问题反馈
客服QQ:174666394

有问题请留言,看到后及时答复